<template>
   <!-- <hooyn-nav-bar
    class="header"
    leftIcon="arrow-left"
    leftIconfont="true"
    fontSize="16px"
    leftIconColor="#fff"
    color="#fff"
    backgroundColor="#68A0F7"
    :returnNav="true"
  /> -->
  <div class="iframe">
    <div class="header">
      <!-- <van-icon @click="handleBack" name="arrow-left" size="20" color="#fff"/> -->
      <span class="header-title">{{ telite }}</span>
    </div>
    <iframe class="iframe-box" :src="url" frameborder="0"></iframe>
  </div>
</template>

<script setup>
const route = useRoute()
const url = ref('')
const telite = ref('')
const router = useRouter()
const handleBack = () => {
  router.push({
    path:'/'
  })
}
onMounted(() =>{
  url.value = route.query.url
  telite.value = route.query.telite
})

</script>
<style lang='scss' scoped>
.iframe-box {
  height: calc(100vh - 2.5rem);
}
.header {
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0.4px 1rem 0rem;
  background-color: #68A0F7;
  position: relative;
  .van-icon{
    position: absolute;
    z-index: 2;
  }
  .header-title{
    position: absolute;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
  }
}
</style>